<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>家庭</title>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<div class="w1000" style="margin-top: 150px;">
		<div class="family">
			<div class="family-text">
				<div class="fa-bg">
					<div class="tb-ceil on">
						<b>唠叨老妈</b>
						<p>妈妈什么都好，就是爱唠叨。</p>
						<p>大事小事都唠叨个没完没了。</p>
						<p>这讨厌的唠叨声，却让我从</p>
						<p>中体会到妈妈对我的用心，</p>
						<p>仿佛她的唠叨声是我的爱。</p>
					</div>
					<div class="tb-ceil">
						<b>辛勤老爸</b>
						<p>用力气和勤奋为我张罗了一</p>
						<p>个还算美好的童年，一如既</p>
						<p>往地走在坎坷的道路上，我</p>
						<p>最不能忘记的是他的背影。</p>
					</div>
					<div class="tb-ceil">
						<b>贤惠的妻子</b>
						<p>温文尔雅修女红，微笑轻言莲步生。</p>
						<p>闺秀原本当淑秀，谨言慎行爱老公。</p>
						<p>尊老扶幼受人赞，才华横溢四座惊。</p>
						<p>天赐文曲临凡来，我享福贵获馈赠。</p>
					</div>
					<div class="tb-ceil">
						<b>萌萌的宝宝</b>
						<p>肉嘟嘟的小脸蛋，白净的身子，一双</p>
						<p>水汪汪的大眼睛镶嵌在脸上鼻子挺拔</p>
						<p>的好像用直尺量过似的薄薄的嘴唇，</p>
						<p>无论下撇还是上扬，都是那么的可爱。</p>
					</div>
				</div>
			</div>
			
			<div class="family-btn-wrap">
				<div class="family-btn fa-btn1 on"><div class="fa-btn-bg"></div><img src="images/fa1.jpg" width="100" height="100"/></div>
				<div class="family-btn fa-btn2"><div class="fa-btn-bg"></div><img src="images/fa2.jpg" width="100" height="100"/></div>
				<div class="family-btn fa-btn3"><div class="fa-btn-bg"></div><img src="images/fa3.jpg" width="100" height="100"/></div>
				<div class="family-btn fa-btn4"><div class="fa-btn-bg"></div><img src="images/fa4.jpg" width="100" height="100"/></div>
			</div>
		</div>
	</div>
	
	<script type="text/javascript">
		$(function(){
			
			//家庭
			$(".family-btn-wrap .family-btn").mouseover(function(){
				var _index = $(this).index();
				$(this).addClass("on").siblings().removeClass("on");
				$(".family-text .tb-ceil").eq(_index).addClass("on").siblings().removeClass("on");
			});

		});
	</script>
</body>
</html>
	

	
		
